<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/teDetails.css">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/http.js"></script>
    <title>学戏</title>
</head>
<body>

<header>
    <div class="header_log">
        <a href="javascript:window.history.back();">
            <div id="cityname">
                <span class="am-icon-chevron-left cityname" id="btn-back">返回</span>
            </div>
        </a>
    </div>

    <!--老师图片 开始-->
    <div class="swiper-container index_carousel">
        <div class="swiper-wrapper">

        </div>
        <div class="swiper-pagination"></div>
    </div>

    <!--课程区域-->

</header>

<main>
    <div class="img-gallary">
        <div class="teacher_title">
            <div class="hot_teacher">
                <span>老师认证信息</span>
            </div>
        </div>
        <!--老师列表开始-->
        <div class="teacher_all">
            <div class="teacher_l">

                    <div class="header_h teacher_honor" id="renzhengxx">


                    </div>

            </div>
        </div>
        <!--老师列表结束-->
    </div>

    <div class="img-gallary">
        <div class="teacher_title">
            <div class="hot_teacher">
                <span>自我介绍</span>
            </div>
        </div>
        <!--老师列表开始-->
        <div class="teacher_all">
            <div class="teacher_l">

                <div class="header_h teacher_honor" id="rongyu">


                </div>

            </div>
        </div>
        <!--老师列表结束-->
    </div>

    <div class="img-gallary">
        <div class="teacher_title">
            <div class="hot_teacher">
                <span>学生评价</span>
            </div>
        </div>
        <!--老师列表开始-->
        <div class="teacher_all">
            <div class="teacher_l" id="pinglun">



            </div>
        </div>
        <!--老师列表结束-->
    </div>

</main>

<footer>
    <div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">预约老师</div>
            <div class="am-modal-bd">
                <form class="am-form" method="post" id="myform">
                    <p><input type="text" class="am-form-field am-round" name="username" id="username" placeholder="请输入预约人姓名"/></p>
                    <p><input type="text" class="am-form-field am-round" name="phone" id="phone" placeholder="请输入预约人手机号码"/></p>
                </form>
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="am-modal-btn" data-am-modal-confirm onclick="fmSubmit()">确定</span>
            </div>
        </div>
    </div>
    <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default"
         id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-4 bgcolor">
            <li>
                <a class="" data-am-modal="{target: '#my-alert'}">
                    <span class="am-icon-phone-square"></span>
                    <span class="am-navbar-label">预约老师</span>
                </a>
            </li>
            <li >
                <a href="###" class="">
                    <span class="am-icon-phone"></span>
                    <span class="am-navbar-label">咨询</span>
                </a>
            </li>
        </ul>
    </div>

</footer>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/teDetails.js"></script>
<script type="text/javascript" src="js/amazeui.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/order.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src='http://res.wx.qq.com/open/js/jweixin-1.2.0.js'></script>
<script type="text/javascript" src='js/indexfenxiang.js'></script>
<script type="text/javascript" src='js/fenxiang.js'></script>
<script type="text/javascript">
    function fmSubmit() {
        var username = $('#username').val();
        var phone = $('#phone').val();
        sessionStorage.setItem('username',username);
        sessionStorage.setItem('phone',phone);
        sessionStorage.setItem('id',id);
        $('.am-form').submit();
    }

</script>
</body>
</html>